<!-- -*- Mode: XHTML; tab-width: 2; indent-tabs-mode: nil; -*- -->
<!-- vim:set ft=xhtml ts=2 sw=2 sts=2 autoindent: -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>brat</title>
    <link href="static/jquery-theme/jquery-ui" rel="stylesheet" type="text/css"/>
    <link href="static/jquery-theme/jquery-ui-redmond.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="client/lib/head.load.min.js"></script>
    <script type="text/javascript">
      head.js(
          // libraries
          'client/lib/jquery.min.js',
          'client/lib/jquery-ui.min.js',
          'client/lib/jquery-ui.combobox.js',
          'client/lib/jquery.svg.min.js',
          'client/lib/jquery.svgdom.min.js',
          'client/lib/jquery.ba-bbq.min.js',
          'client/lib/jquery.json.min.js',
          'client/lib/sprintf.js',
          // brat helpers
          'client/src/util.js',
          // brat modules
          'client/src/dispatcher.js',
          'client/src/url_monitor.js',
          'client/src/offline_ajax.js',
          'client/src/visualizer.js',
          'client/src/visualizer_ui.js',
          'client/src/spinner.js'
      );
      head.ready(function() {
          var dispatcher = new Dispatcher();
          var urlMonitor = new URLMonitor(dispatcher);
          var ajax = new OfflineAjax(dispatcher);
          var visualizer = new Visualizer(dispatcher, 'svg');
          var svg = visualizer.svg;
          var visualizerUI = new VisualizerUI(dispatcher, svg);
          var spinner = new Spinner(dispatcher, '#spinner');
          Util.profileEnable();
          dispatcher.post('init');
      });

    </script>
    <link rel="stylesheet" type="text/css" href="static/style-vis.css"/>
    <link rel="stylesheet" type="text/css" href="static/style-ui.css"/>
    <link rel="shortcut icon" href="favicon.ico"/>
  </head>
  <body>
    <img id="spinner" src="static/img/spinner.gif"/>
    <div id="messages"/>
    <div id="commentpopup"/>
    <div id="header" class="ui-widget">
      <div id="mainHeader" class="ui-widget-header">
        <div id="mainlogo" class="logo unselectable">brat</div>
        <div id="document_name">
          <input readonly="readonly" class="ui-widget-header"/>
        </div>
        <!-- <span id="document_ctime"/> -->
      </div>
      <div id="pulldown" class="unselectable ui-widget-content">
        <div id="pulldown_padder">
          <div>
            <input id="collection_browser_button" type="button" value="Collection" tabindex="-1" title="Open Collection Browser (Tab)"/>
            <span><input id="abbrev_mode" type="checkbox" value="true" checked="checked"/><label for="abbrev_mode" title="Toggle the abbreviation mode">Abbreviations</label></span>
          </div>
        </div>
      </div>
    </div>
    <div id="svg"></div>
    <form id="collection_browser" class="dialog" title="Open">
      <fieldset>
        <legend>Collection</legend>
        <input id="collection_input" readonly="readonly" placeholder="Document" class="borderless"/>
      </fieldset>
      <fieldset>
        <legend>Document</legend>
        <input id="document_input" placeholder="Document" class="borderless"/>
      </fieldset>
      <table id="document_select" class="ui-widget unselectable">
        <thead class="ui-widget-header"/>
        <tbody class="ui-widget-content"/>
      </table>
    </form>
    <div id="waiter" class="dialog" title="Please wait">
      <img src="static/img/spinner.gif"/>
    </div>
    <div id="about" class="dialog unselectable" title="About brat">
      <div id="aboutlogo" class="logo">brat</div>
      <!--This software is distributed under the <a target="licence" href="http://www.opensource.org/licenses/isc-license">ISC Licence</a>.-->
      <div align="center">brat rapid annotation tool</div>
      <div id="copyright">&copy; 2010-2011 The brat contributors</div>
    </div>
  </body>
</html>
